<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top">

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li class='current'><a href="blog.html">Blog</a></li>
				<li><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
		
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>


<!-- extra heading, remove if not needed-->
<div class="wrapper" id='wrapper_heading'>
	<div class="center">
	<h2>Single Blog entry - put additional information here, if left blank the dark beam wont be displayed...</h2>
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>


<div class="wrapper" id='wrapper_main'>

	<div class="center">		
		
		<div id="main">
				
		<div class='content'>
		
			<div class="entry">
	          
	           <h1 class='siteheading'><a href="#">This is an example blog entry with a long heading and some text styles</a></h1>
	           
	           <div class="entry-head">
	               <span class="categories"><a title="" href="#">Portfolio</a>, <a title="" href="#">Web Design</a></span>
	               <span class="date">on July 12th, 2009</span>
	               <span class="comments"><a href="single.html">4 Comments</a></span>
	           </div>
	          
	           
	           <div class="entry-content">
	           <img alt="" src="files/content_pic_large1.jpg" /> 
	           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <strong>exercitation ullamco</strong> laboris nisi ut aliquip ex ea commodo consequat.</p><p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href='single.html'>Excepteur</a> sint occaecat cupidatat <strong>non proident</strong>, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <strong>exercitation ullamco laboris </strong>nisi ut aliquip ex ea commodo consequat. Dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href='single.html'>Excepteur sint</a>  occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	 
	 			<!--end entry-content-->
	 			</div>
	 			
	 		<!--end entry -->	
 			</div>
 			
 			
 			<div class='hr'><a href="#top" class='scrollTop'>top</a></div>
 			
 			<div class="entry">

				<h4 id="comments" class="heading">3 Responses to this Post!</h4>
			
				<ol class="commentlist"><!--one comment-->
				 <li class="comment">
				     <div>
					      <div class="gravatar">
					      	<img width="60" height="60" class="avatar avatar-60 photo" src="images/gravatar.png" alt=""/>
					      </div>
					      
					      <div class="comment_content">
						      <a href='#commentform' class='comment-reply-link'>Reply</a>
						      <cite class="author_name heading">
						     	 <a class="url" rel="external nofollow" href="http://kriesi.at">Kriesi</a>
						      </cite> 
						      <span class="says">says:</span>            
						      <div class="comment-meta commentmetadata">
						      <a href="#">March 9, 2010 at 6:39 am</a>
						      </div>
							  <div class="comment_text">
						      	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
								</p>
						      </div>
					      </div>
					    
				     </div>
			     
			<ul class="children">
			<li class="comment">
				     <div>
					      <div class="gravatar">
					      	<img width="60" height="60" class="avatar avatar-60 photo" src="images/gravatar.png" alt=""/>
					      </div>
					      
					      <div class="comment_content">
						      <a href='#commentform' class='comment-reply-link'>Reply</a>
						      <cite class="author_name heading">
						     	 <a class="url" rel="external nofollow" href="http://kriesi.at">Marcus</a>
						      </cite> 
						      <span class="says">says:</span>            
						      <div class="comment-meta commentmetadata">
						      <a href="#">March 9, 2010 at 6:39 am</a>
						      </div>
							  <div class="comment_text">
						      	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
								</p>
						      </div>
					      </div>
					 <!--comment end-->    
				     </div>
			</li>
			
			<!--child comment end-->
			</ul>
			
			 <!--comment end-->
			</li>
			<li class="comment">
				     <div>
					      <div class="gravatar">
					      	<img width="60" height="60" class="avatar avatar-60 photo" src="images/gravatar.png" alt=""/>
					      </div>
					      
					      <div class="comment_content">
						      <a href='#commentform' class='comment-reply-link'>Reply</a>
						      <cite class="author_name heading">
						     	 <a class="url" rel="external nofollow" href="http://kriesi.at">Max</a>
						      </cite> 
						      <span class="says">says:</span>            
						      <div class="comment-meta commentmetadata">
						      <a href="#">March 9, 2010 at 6:39 am</a>
						      </div>
							  <div class="comment_text">
						      	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
								</p>
						      </div>
					      </div>
					 <!--comment end-->    
				     </div>
			</li>
			</ol>
			
			
			
			<div id="respond">
			<h3>Leave a Reply</h3>
			
			<form id="commentform" method="post" action="">
			<div class="personal_data">
			
			<p><label for="author"><small>Name (required)</small></label><input type="text" tabindex="1" size="22" value="Name" id="author" class="text_input" name="author"/>
			</p>
			
			<p><label for="email"><small>Mail (will not be published) (required)</small></label><input type="text" tabindex="2" size="22" value="E-Mail Adress" id="email" class="text_input" name="email"/>
			</p>
			
			<p><label for="url"><small>Website</small></label><input type="text" tabindex="3" size="22" value="Website" id="url" class="text_input" name="url"/>
			</p>
			
			</div>
			<div class="message_data">
			<p><textarea tabindex="4" class="text_area" rows="10" cols="100%" id="comment" name="comment"></textarea></p>
			</div>
			<p><input type="submit" value="Submit" tabindex="5" id="submit" class="button" name="submit"/>
			</p>
			</form>
			
			
			</div>
		
		<!-- end commententry -->
         </div>
 			
		
		<!--end content-->
		</div>	
			
		
		<div class="sidebar">
		<span class="sidebar_top"><!-- needed for smooth start of sidebar background--></span>
		<span class="sidebar_bottom"><!-- needed for smooth end of sidebar background--></span>
		
			<div class="box one_fourth">
				
			<h3>Blog Categories</h3>
			<ul>
				<li><a href="index.html">Network News</a></li>
				<li><a href="blog.html">Web Design &amp; Development</a></li>
				<li><a href="single.html">Adobe Creative Suite 4</a></li>
				<li><a href="page_fullwidth.html">Dreamweaver CS4</a></li>
				<li><a href="page.html">Image Editing</a></li>
				<li><a href="page.html">Photoshop CS4</a></li>
				<li><a href="page_fullwidth.html">Fireworks CS4</a></li>
				<li><a href="portfolio.html">Theme and Template Design</a></li>
				<li><a href="portfolio_single.html">Javascript Libraries</a></li>
				<li><a href="page.html">jQuery - Write less do more</a></li>
				<li><a href="page_fullwidth.html">Mootools - A compact javascript framework</a></li>
			</ul>	
				
					
			</div><!--end box-->
			
			<div class="box one_fourth">
				<h3>Latest News</h3>
				<ul>
					<li><a href="single.html">Our New Page is online</a></li>
					<li><a href="single.html">Flash Slider Released</a></li>
					<li><a href="single.html">Apple buys Microsoft</a></li>
					<li><a href="single.html">Adobe buys Macromedia</a></li>
				</ul>
			</div>
				
		</div>
		
		<!--end main-->
		</div>
		
		
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>